*{margin: 0;padding: 0}
*:focus { outline: none; }
@media screen  and (min-width:640px) {
body{ font-family:" 宋体"}
.header{width: 1200px;height: 50px;margin: 25px auto;}
.header img{float: left;}
.header i{width: 1px;background-color: #838383;height: 40px;margin: 5px 20px; display: inline-block;float: left;line-height: 50px;}
.main{width: 100%;height: 540px;background: url(../images/login_background.png)no-repeat center;position: relative;}
.main .login{width: 22%;height: 78%;position: absolute;left: 60%;margin: 45px 0;background: #ffffff;padding:20px;box-shadow: 2px 2px 2px #666666}
.main .login h1{color:#007cff}
.main .tel{background: url(../images/tel.png) no-repeat center;width: 66px;height: 67px;display: block;position: absolute;top: 23%;left: 45%}
.main .map-p1{background: url(../images/map-p1.png) no-repeat center;width: 86px;height: 106px;display: block;position: absolute;top: 12%;left: 29%;}
.main .map-p2{background: url(../images/map-p2.png) no-repeat center;width: 59px;height: 72px;display: block;position: absolute;top: 60%;left: 40%;}
.main .map-p3{background: url(../images/map-p3.png) no-repeat center;width: 33px;height: 40px;display: block;position: absolute;top: 45%;left: 23%;}
.main input{padding: 10px 0;width:80%;margin-left: 35px;border: none}
.main button{width: 100%;letter-spacing: 1em;margin-top: 20px;padding:10px 0;font-size: 18px;background: #15b7db;border: none;color: #ffffff}
.header p{font-size: 22px;display: inline-block;color: #838383;float: left;line-height: 50px;}
.copyright{text-align: center;margin-top: 30px;color: #999999}
.main .error{width: 100%;background:#ffeef8;margin-top:10px;}
.main .error input{background: url(../images/error.png)no-repeat 9px center;padding-left:45px;margin: 0}
.main b{color: #cccccc;font-size: 14px;position: absolute;bottom: 20px;right:20px;}
.main .username{width: 100%;background: url(../images/username.png)no-repeat 5px center;border: 2px solid #cccccc;margin-top:20px;}
.main .password{width: 100%;background: url(../images/password.png)no-repeat 9px center;border: 2px solid #cccccc;margin-top:20px;}
.code_box{
      margin-top: 28px;
      margin-left: 0 !important;
      width: 55%;
      float: left; 
      background: #ffffff;
      margin-right: 4%;
      border: 2px solid #ccc;
    }
    .code{
    width: 100% !important; 
    float: left; 
    margin-right: 4%;
    margin-left: 0 !important;
    padding-left: 35px !important;
    background: url(../images/code.png) no-repeat 9px center;
  }
}
/* .main .error{width: 100%;background:#ffeef8;margin-top:10px;}
.main .error input{background: url(../images/error.png)no-repeat 9px center;padding-left:45px;margin: 0}
.main b{color: #cccccc;font-size: 14px;position: absolute;bottom: 20px;right:20px;} */

/* .main .username{width: 100%;background: url(../images/username.png)no-repeat 5px center;border: 2px solid #cccccc;margin-top:20px;}
.main .password{width: 100%;background: url(../images/password.png)no-repeat 9px center;border: 2px solid #cccccc;margin-top:20px;} */

@media screen  and (max-width:640px) {
	
  .main .tel,
  .main .map-p1,
  .main .map-p2,
  .main .map-p3{display: none}
  body{ font-family:" 宋体";background: #e4ebee;position: relative;}
    .header{width: 100%;padding-top: 20px;text-align: center;}
    .header i{display: none}
    .header img{display: block;margin: 0 auto;}
    .header p{font-size: 22px;display: inline-block;color: #15b7db;margin-top: 30px;text-shadow:2px 3px 4px #838383;}
    .main{width: 100%;height: 380px;position: relative;top: 30px}
    .main .login h1{display: none}
    .main .login{width: 80%;height: 80%;position: absolute;left: 5%;padding:20px;}
    .main input{padding: 10px 0;margin-left: 35px;border: none}
    .main button{width: 100%;letter-spacing: 1em;margin-top: 20px;padding:10px 0;font-size: 18px;background: #15b7db;border: none;color: #ffffff}
    .copyright{text-align: center;color: #999999;margin: 0 5%;position: absolute;width: 90%;font-size: 14px}
    .main .username,.password{width: 100%;background: #ffffff;margin-top:20px;}
    /* .main .username div,.password div{margin-left: 35px;background: #ffffff;} */
    .main .username div{width: 100%;background: url(../images/username.png)no-repeat 5px center;}
    .password div{width: 100%;background: url(../images/password.png)no-repeat 8px center;}
    .main .error{width: 100%;background:#ffeef8;margin-top:10px;}
    .main .error input{background: url(../images/error.png)no-repeat 9px center;padding-left:45px;margin: 0}
    .main b{color: #15b7db;font-size: 14px;position: absolute;bottom: 20px;right:20px;}
    .code_box{
      margin-top: 28px;
      margin-left: 0 !important;
      width: 55%;
      float: left; 
      background: #ffffff;
      margin-right: 4%;
    }
    .code{
    width: 100% !important; 
    float: left; 
    margin-right: 4%;
    margin-left: 0 !important;
    padding-left: 35px !important;
    background: url(../images/code.png) no-repeat 9px center;
  }
}
